<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>富宏堂中医馆</title>
<link href="css/main.css" rel="stylesheet" />
<link href="css/style.css"  rel="stylesheet" />
<link href="bootstrap/dist/css/bootstrap.css"  rel="stylesheet" />
<script src="js/jquery-1.8.3.min.js"  type="text/javascript"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" ></script>
<script type="text/javascript" src="bootstrap/dist/js/bootstrap.js"></script>
<style type="text/css">
a{
    text-decoration : none
}
h1{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h2{
font-weight: bold;
font-size: 18px;
}
</style>
</head>
<body style="background-color: #EBEBEB">
<!--头部-->
<header>
	<div class="beijing">
        <h2><a href="index.html" style="text-decoration : none"><em style="width:120px;"><font color="#CC0000">富宏堂中医馆</font></em></a></h2>
        <ul class="ulhead">
            <li>
                <a class="menu_1 "  href="index.html" >首页</a>
            </li>
            <li>
                <a class="menu_1 " href="hospital.html">分馆介绍<em></em></a>
            </li>
            <li>
                <a class="menu_1 hover" href="act.html">预约挂号<em></em></a>
            </li>
            <li>
                <a class="menu_1 " href="cooper.html" >人才招聘<em></em></a>
            </li>
            <li>
                <a class="menu_1 " href="person.html" >个人中心<em></em></a>
            </li>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
        </ul>
        <div class="clear"></div>       
    </div>
	<div class="clear"></div>
</header>

<div class="main_banner" 
     style="background: url(./img/hos_list_bgtop.png) no-repeat;
           height: 138px;width: 100%;overflow: hidden;margin-bottom: 8px;background-position: center;margin-top: 80px;">
</div>
<!--主体-->
<div class="beijing1">
	<ul class="case">
	</ul>
</div>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            url:"/doctors/search",
            type:"POST",
            dataType: "json",//预期服务器返回的数据类型
            success: function (result) {
                console.log(result);//打印
                for(var i=0;i<result.rows.length;i++){
                    var doctorname=result.rows[i].doctorname;
                    var title=result.rows[i].title;
                    var id=result.rows[i].id;
                    var hospitalname=result.rows[i].hospitalname;
                    var introduction=result.rows[i].introduction;
                    var advantage=result.rows[i].advantage;
                    var img1=result.rows[i].img1;
                    var html=`<li>
                    <em><a href="#" ><img src="${img1}" ></a></em>
                    <div class="case_1">
                        <span style="font-size: 16px;">专家：${doctorname}</span>
                        <span style="font-size: 16px;">职称：${title}</span>
                        <span style="font-size: 16px;">坐诊医馆：${hospitalname}</span>
                        <span style="font-size: 16px;">擅长：${advantage}</span>
                    </div><div><button onclick="location='doctorDetail.html?id=${id}'" type="button" class="btn btn-primary">了解更多</button></div></li>`;
                    $(".case").append(html);
                }
            }
        });
    })
</script>
<script type="text/javascript" src="js/xmsz_common.js" ></script>
